<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>好知网</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
<body>
	 <!--顶部开始 -->
	<div class="top w">
	 	<div class="logo">
	 		<a href="#">
	 		 好知，howzhi.com
	 		</a>
	 	</div>

	 	<div class="nav">
	 		<a href="#">学习中心</a>
	 		<a href="#">课程 <i class="sanjiao"></i></a>
	 		<a href="#">班级</a>
	 		<a href="#">小组</a>
	 	</div>

	 	<div class="search">
	 		<div>课程<i class="kou">□</i></div>
	 		<input type="text" name="" placeholder="输入要查找的内容">
	 		<i class="kou">□</i>
	 	</div>
	 	<div class="lr">
	 		<a href="#">登录</a>
	 		<a href="#">注册</a>
	 	</div>
	 	<div class="appdown">
	 		<a href="#">
	 			<i class="kou">□</i>
	 			<span> 好知APP</span>
	 		</a>
	 	</div>
	</div>


	<!-- 轮播大图 -->
	<div class="bigimg">
		<div class="w">
			<div class="rbox">
				<div class="tbox">
					<p class="now">现在</p>
					<p>
						<span class="bigtext">4484 </span>
						<span class="stext">人在好知
						学习课程</span>
					</p>
				</div>
				<div class="dbox">立即学习</div>
			</div>
		</div>	
	</div>


	<!-- 标题 -->
	<div class="title w">
		<i></i>
		<span>热门课程</span>
		<i></i>
	</div>

	<!-- 课程图片 -->
	<div class="classimg w">
		<div class="cimg">
			<div class="cimgl">
				<img src="images/1.jpg" alt="">
				<div class="info">
					<div class="itxt">
						<p>sai基础教程</p>
					</div>
					<p>加入学员:25328人</p>
				</div>
			</div>
			<div class="cimgr">
				<img src="images/3.jpg" alt="">
				<div class="info">
					<div class="itxt">
						<p>Lightroom基础教程 </p>
					</div>
					<p>加入学员:44701人</p>
				</div>
			</div>
		</div>
	</div>

	<!-- 虚线 -->
	<div class="xuxian">
		<i></i>
	</div>


	<!-- 标题 -->
	<div class="title w">
		<i></i>
		<span>班级推荐</span>
		<i></i>
	</div>

	<!-- 班级推荐内容 -->
	<div class="tuijian w">
		<div class="list">
			<ul>
				<li>
					<img src="images/8.jpg" alt="">
					<p>零基础摄影入门班</p>
					<p class="content">好知摄影入门班，最有趣的单反摄影入门教程！零基础学习摄影入门技巧，专业摄影...</p>
					<div class="button">
						立即加入
					</div>
					<div class="zhijiao">
					</div>
					<span class="classes">班级</span>
				</li>
				<li>
					<img src="images/4.jpg" alt="">
					<p>极致风光摄影进阶提高班 </p>
					<p class="content">华盖 500PX签约摄影师独家风光后期秘诀。从入门到提高，系统地学习前期拍摄技术......</p>
					<div class="button">
						立即加入
					</div>
					<div class="zhijiao">
					</div>
					<span class="classes">班级</span>
				</li>
				<li>
					<img src="images/9.jpg" alt="">
					<p>Adobe Lightroom cc后期基础入门班 </p>
					<p class="content">每天10min 轻松入门...</p>
					<div class="button">
						立即加入
					</div>
				</li>
				<li>
					<img src="images/5.jpg" alt="">
					<p>牛牛人像摄影班</p>
					<p class="content">人像摄影可以是怎样的？它可以是日系清新人像：清淡的色调，简单的画面，不经意间的构......</p>
					<div class="button">
						立即加入
					</div>
				</li>
			</ul>
		</div>
	</div>


	<!-- 班级动态 -->
	<div class="classd w">
		<div class="txt">班级动态</div>
		<ul>
			<li>
				<img src="images/1.jpg" alt="">
				<span>路过的陌生 加入了  </span>
				<span class="cgreen">牛牛人像摄影班 </span>
				<span>22小时前</span>
			</li>
			<li>
				<img src="images/1.jpg" alt="">
				<span>路过的陌生 加入了  </span>
				<span class="cgreen">牛牛人像摄影班 </span>
				<span>22小时前</span>
			</li>
		</ul>
	</div>


	<div class="more w"><span>更多</span></div>
	<!-- 虚线 -->
	<div class="xuxian hdashed">
		<i></i>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="fbox w">
			<div class="f-top">
				<div class="lbox">
					<a href="#">好知，howzhi.com
					知识分享新社区 </a>
				</div>
				<div class="cbox">
					<p>
					
					<a href="#">关于我们</a>
					<a href="#">|</a>
					<a href="#">加入我们</a>
					<a href="#">|</a> 
					<a href="#">合作申请</a>
					<a href="#">|</a>
					<a href="#">意见反馈</a></p>
					<p class="jiaozhu">浙ICP备13006852号-3  浙B2-20160872</p>
				</div>
				<div class="rbox">
					<p>关注我们:</p>
				</div>
			</div>
			<div class="linec"></div>
			<div class="f-buttom">
				<p>友情链接: 
				<a href="#">EduSoho开源网络课堂 </a>| 
				<a href="#">气球鱼学院  </a>|
				<a href="#">360安全网址导航 </a>|
				<a href="#">hao123  </a>|
				<a href="#">绿色网  </a>|
				<a href="#">站长之家  </a>|
				<a href="#">新客网  </a>|
				<a href="#">暖石网  </a>|
				<a href="#">麦子学院 </a>|
				<a href="#">博为峰网校 <br></a>
				Powered by EduSoho v7.5.15 &copy;2014-2017 好知网</p>
			</div>
		</div>
	</div>
</body>
</html>